<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">

			function checkVideo(){
				let myVideo = document.createElement('video');
				if(myVideo.canPlayType){
					if('' != myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
						console.log('support H.264');
					}

					if('' != myVideo.canPlayType('video/ogg;codecs="vp8"')){
						console.log('support vp8');
					}

					if('' != myVideo.canPlayType('video/ogg;codecs="theora"')){
						console.log('support theora');
					}
				}else{
					console.log('not support video check!');
				}
			}

			window.onload = function(){
				checkVideo();
			}

			function showInfo(){
				let myA = document.getElementById('videoControl');
				console.log('currentSrc', myA.currentSrc);
				console.log('currentTime', myA.currentTime);
				console.log('duration', myA.duration);
				console.log('ended', myA.ended);
				console.log('played', myA.played);
				console.log('paused', myA.paused);
				console.log('volume', myA.volume);
				console.log('seeking', myA.seeking);
			}
		</script>
	</head>
	<body>
		<video id="videoControl" style="width:800px;height:450px" controls="controls">
			<source src="https://share.wanmen.org/wanmen.mp4" type="video/mp4"/>
			你的浏览器不支持video标签。
		</video>
		<input type="button" onclick="showInfo()" value="show Info" />
		<!--<video style="width:800px;height:450px;" onmouseover="this.play()" onmouseout="this.pause()">
			<source src="https://share.wanmen.org/wanmen.mp4" type="video/mp4"/>
			你的浏览器不支持video标签。
		</video>-->
	<div><script language="javascript">

	</script></div></body>
</html>
